<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
            text-align: left;
            color: #262626;
            background: #fff;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;

        }
        #top_div{
            width: 1087px;
            position: relative;
            z-index: 1000;
            height: 35px;
            box-sizing: border-box;
            background: #f7f7f7;
            border-bottom: 1px solid #e5e5e5;

        }
        #b_div{
            width: 990px;
            height: 72px;

        }

        img{
            width: 218px;
            height: 55px;
        }

        #top_left_div{
            list-style-type: none;
            /*padding: 0;!*去掉自带的40个像素内边距*!*/
            margin: 0;
            position: ;
        }
        #top_right_div{
            list-style-type: none;
            /*padding: 0;!*去掉自带的40个像素内边距*!*/
            margin: 0;
        }
        .li1{
            float: left;
            margin-right: 10px;
        }
        .li2{
            float: right;
            margin-right: 10px;
        }
        a{
            text-decoration: none;
            color: #575757;
            position: relative;
            width: 80px;
            max-width: 80px;
            height: 36px;
            margin-right: 10px;
            margin-bottom: -1px;
            text-align: center;
        }


    </style>
</head>
<body>
<div>
    <div id="top_div">
        <ul id="top_left_div">
            <li class="li1"><a href="">起点中文网</a> </li>
            <li class="li1"><a href="">起点女生网</a> </li>
            <li class="li1"><a href="">创世中文网</a> </li>
            <li class="li1"><a href="">云起书院</a> </li>
            <li class="li1"><a href="">繁体版</a> </li>
        </ul>
        <ul id="top_right_div">
            <li class="li2"><a href="">登录</a> </li>
            <li class="li2"><a href="">注册</a> </li>
        </ul>
    </div>

    <div id="b_div">
        <img src="https://qidian.gtimg.com/qd/images/logo.beebc.png" alt="">
        <input class="search-box" id="s-box" name="kw" type="text" placeholder="在洪荒悠闲种田的日子" autocomplete="off">
       
    </div>

    <div id="c_div">
        <div></div>
    </div>
</div>



</body>
</html>